.payApply {
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  background: url('@/style/img/login/background.png') no-repeat;
  background-size: 100% 100%;

  .hadeList {
    line-height: 40px;
    justify-content: space-around;

    .item {
      width: 30%;
      text-align: center;
      box-sizing: border-box;
      color: #DCD5CF;
      cursor: pointer;
      display: flex;
      justify-content: center;

      .item-btn {
        width: 50%;
        height: 32px;
        line-height: 32px;
        border-radius: 25px;
        border: 1px solid #7C7C7C;
        color: #969696;
        background-color: #4F4F4F;
      }
    }

    .acitem {
      .item-btn {
        color: #000000;
        background-color: #BB8D62 !important;
      }
    }
  }

  .content {
    width: 100%;
    overflow: hidden;
    height: calc(100% - 40px);
  }
}

// 存储
.cashDeposit {
  width: 500px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;

  .el-form-item {
    margin: 25px 0 30px 0;
  }

  .select {
    width: 100%;
  }

  .btn {
    width: 30%;
    height: 30px;
    border-radius: 25px;
    background-color: #BB8D62 !important;
    border: 1px solid #DFA875;
    color: #000000 !important;
  }

  .submit-btn {
    padding-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;

  }

  ::v-deep {
    .el-select-dropdown__list {
      background-color: #DCD5CF !important;
    }

    .el-scrollbar__wrap {
      background: #DCD5CF !important;
    }

    .el-form-item__content {
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .el-form--default.el-form--label-top .el-form-item .el-form-item__label {
      text-align: center;
      color: #DCD5CF;
      font-size: 16px;
    }

    .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before,
    .el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before {
      display: none;
    }

    .el-input__wrapper {
      background-color: #DCD5CF;
    }
  }
}

.record {
  height: 100%;

  .list::-webkit-scrollbar {
    width: 0;
  }

  .list::-webkit-scrollbar-thumb {
    width: 0;
  }

  .list {
    margin: 20px 0;
    height: calc(100% - 80px);
    overflow-y: scroll;

    .item {
      background-color: #1A1A1A;
      border-radius: 5px;
      padding: 20px;
      margin-bottom: 10px;

      .title {
        color: #DCD5CF;
      }

      .content-no {
        color: #7C7C7C;
      }

      .content-cash {
        color: #DCD5CF;
      }

      .content-time {
        color: #7C7C7C;
      }

      .status-complete {
        color: #99FF66;
      }

      .status-retire {
        color: #F74A32;
      }

      .status-apply {
        color: #BB8D62;
      }

      .status-default {
        color: #DCD5CF;
      }

      >div {
        width: 25%;
      }

      .isaudit {
        text-align: right;
      }
    }
  }

  .pagination {
    display: flex;
    height: 40px;
    justify-content: center;

    ::v-deep {
      .el-pagination>.is-first {
        color: #FDF6DE;
      }

      .el-input--small .el-input__wrapper {
        background-color: transparent;
      }

      .el-select .el-input__inner {
        color: #FDF6DE;
      }

      .btn-prev {
        background-color: transparent;
        border: 1px solid #FDF6DE;
        color: #FDF6DE;
      }

      .btn-next {
        background-color: transparent;
        border: 1px solid #FDF6DE;
        color: #FDF6DE;
      }

      .el-pager li {
        background-color: transparent;
        border: 1px solid #FDF6DE;
        color: #FDF6DE;
      }

      .el-pager li.is-active {
        color: #409eff;
      }
    }
  }

  // 弹窗
  .detail {


    >div {
      line-height: 2;
      color: #666;
      font-size: 17px;
      text-align: left;
      color: #DCD5CF;

      text {
        display: inline-block;
        // width: 100px;
      }
    }

    .title {
      margin-bottom: 20px;
      padding-bottom: 20px;
      text-align: center;
      border-bottom: 1px solid #cccccc;
      color: #DCD5CF;
      font-weight: 600;

      text {
        display: inline-block;
        // width: 100px;
      }
    }

    .signupdata {
      display: flex;
      align-items: flex-start;

      img {
        display: inline-block;
        width: 300px;
        background: #DCD5CF;
      }
    }

  }

  ::v-deep {
    .el-dialog {
      background-color: #1b1b1b;
      border: 2px solid #BB8D62;
    }

    .el-dialog__body {
      text-align: center;
      padding-top: 30px;
    }

    .el-dialog__footer {
      padding-bottom: 30px;
    }

    .el-dialog__headerbtn {
      display: none
    }

    .el-button {
      width: 120px;
      border-radius: 25px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #7C7C7C;
      background-color: #4f4f4f;
      color: #969696;
    }

    .el-dialog__header {
      padding: 0;
    }

    .el-button--primary {
      border: 1px solid #DFA875;
      background-color: #DCD5CF;
      color: #000000;
    }
  }
}